<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>学IT - 后台管理系统</title>
	<link rel="stylesheet" href="./assets/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="./assets/font-awesome/css/font-awesome.css">
	<link rel="stylesheet" href="./assets/nprogress/nprogress.css">
	<link rel="stylesheet" href="./less/index.css">
</head>
<body>
	
	<!-- 侧边栏 -->
	<div class="aside">
		<!-- 个人资料 -->
		<div class="profile">
			<!-- 头像 -->
			<div class="avatar img-circle">
				<img src="./uploads/avatar.jpg">
			</div>
			<h4>布头儿</h4>
		</div>
		<!-- 导航菜单 -->
		<div class="navs">
			<ul class="list-unstyled">
				<li>
					<a href="./index.html">
						<i class="fa fa-home"></i>
						仪表盘
					</a>
				</li>
				<li>
					<a href="./user_list.html">
						<i class="fa fa-bell"></i>
						用户管理
					</a>
				</li>
				<li>
					<a href="./teacher_list.html">
						<i class="fa fa-bell"></i>
						讲师管理
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<i class="fa fa-cog"></i>
						课程管理
						<i class="arrow fa fa-angle-right"></i>
					</a>
					<ul class="list-unstyled" style="display: block;">
						<li>
							<a href="./course_add.html" class="active">
								 课程添加
							</a>
						</li>
						<li>
							<a href="./course_list.html">
								课程列表
							</a>
						</li>
						<li>
							<a href="./course_category.html">
								课程分类
							</a>
						</li>
						<li>
							<a href="./course_topic.html">
								课程专题
							</a>
						</li>
					</ul>
				</li>
				<li>
					<a href="./advert_list.html">
						<i class="fa fa-bell"></i>
						广告管理
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<i class="fa fa-cog"></i>
						系统设置
						<i class="arrow fa fa-angle-right"></i>
					</a>
					<ul class="list-unstyled">
						<li>
							<a href="javascript:;">
								网站设置
							</a>
						</li>
						<li>
							<a href="javascript:;">
								 权限管理
							</a>
						</li>
					</ul>
				</li>
			</ul>
		</div>
	</div>
	<!-- 主体 -->
	<div class="main">
		<div class="container-fluid">
			<!-- 头部 -->
			<div class="header">
				<nav class="navbar navbar-custom">
					<div class="navbar-header">
						<a href="javascript:;" class="navbar-brand">
							<i class="fa fa-navicon"></i>
						</a>
					</div>
					<ul class="nav navbar-nav navbar-right">
						<li>
							<a href="javascript:;">
								<i class="fa fa-bell"></i>
								<span class="badge">8</span>
							</a>
						</li>
						<li>
							<a href="./settings.html">
								<i class="fa fa-user"></i>
								个人中心
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<i class="fa fa-sign-out"></i>
								退出
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<i class="fa fa-tasks"></i>
							</a>
						</li>
					</ul>
				</nav>			
			</div>
			<div class="body course-add">
				<!-- 面包屑 -->
				<ol class="breadcrumb">
					<li><a href="javascript:;">课程管理</a></li>
					<li class="active">课程添加</li>
				</ol>
				<div class="steps">
					<!-- 摘要 -->
					<div class="brief">
						<div class="thumb">
							<img src="./uploads/course_1.jpg" alt="">
						</div>
						<dl class="info">
							<dt>Git 指南</dt>
							<dd>讲师：李鹏周</dd>
							<dd>课时：32</dd>
						</dl>
					</div>
					<!-- 步聚 -->
					<ul class="forwards list-unstyled">
						<li>
							<a href="./course_add_step1.html" class="done">
							<b class="fa fa-check"></b>
							基本信息
							</a>
						</li>
						<li>
							<a href="./course_add_step2.html" class="active">
							<b>2</b>
							课程图片
							</a>
						</li>
						<li>
							<a href="./course_add_step3.html">
							<b>3</b>
							课时管理
							</a>
						</li>
					</ul>
					<!-- 课程图片 -->
					<div class="content">
						<!-- 标题 -->
						<div class="title">
							<h5>课程图片 <small>COURSE PICTURE</small></h5>
						</div>
						<!-- 上传图片 -->
						<div class="picture col-md-offset-2">
							<div class="preview">
								<img src="./uploads/course.png" alt="">
							</div>
							<p class="tips">
								可上传jpg, gif, png格式文件, 图片建议尺寸大于300x150，文件大小不能超过2M。
							</p>
							<div class="col-md-2">
								<a href="./course_add_step3.html" class="btn btn-success btn-sm">选择图片</a>
							</div>
							<div class="col-md-2">
								<a href="javascript:;" class="btn btn-warning btn-sm" disabled>裁切图片</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<script src="./js/sea.js"></script>
	<script src="./js/seajs-preload.js"></script>
	<script src="./js/seajs-config.js"></script>
	<script>

		seajs.use();
		
	</script>
</body>
</html>